<template>
	<view class="proxy_teach_container">
		<view class="my_proxy">
			<view class="proxy_choose_box">
				<view class="choose_box" v-for="item in proxyTeach" :key="item.id" @click="handlerProxy(item)">
					<view class="choose_img_box">
						<image :src="item.img" mode="" class="choose_img"></image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['proxyTeach'],
		data() {
			return {}
		},
		methods: {
			// 选择代理教学
			handlerProxy(val) {
				uni.navigateTo({
					url: '/pages/my/myTeaching/myTeaching?type=' + encodeURIComponent(JSON.stringify(val.id))
				})
			},

		}
	}
</script>

<style lang="scss" scoped>
	.proxy_teach_container {
		padding: 16rpx 19rpx 18rpx 18rpx;

		.my_proxy {

			.proxy_choose_box {
				display: flex;
				justify-content: space-between;

				.choose_box {

					.choose_img_box {
						width: 230rpx;
						height: 122rpx;

						.choose_img {
							width: 100%;
							height: 100%;
						}
					}
				}
			}
		}
	}
</style>